第2节:Flutter的Hello World
本节学习内容:分别通过多种方法实现Hello world! ,让您对Flutter有一个初步的认识!
本节学习用时:3分钟
本节学习方式:推荐直接看懂代码即可
本节目录:
一、本节内容介绍
二、本节代码解释
一、本节内容介绍
1、本节代码
本节所有代码文件为:main.dart
。
您可自己通过flutter create helloworldproject
创建helloworldproject项目后,将其lib文件夹下的代码文件替换为如下即可。
1.1、其中完整的main.dart
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
| import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return HelloWorldPage(); } }
class HelloWorldPage extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Text('4.Hello world! in HelloWorldPage', textDirection: TextDirection.ltr), ); } }
|
2、代码说明
略